<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        /* display:none可以隐藏某个元素，且隐藏的元素不会占用任何空间。也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。 */
        h1.hidden {
            display: none;
        }
    </style>
</head>

<body>

    <h1>这是一个可见标题</h1>
    <h1 class="hidden">这是一个隐藏标题</h1>
    <p>注意, 实例中的隐藏标题不占用空间。</p>

</body>

</html>